<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Area Sample</title>
		<meta name="Description" content="" />
		<meta name="Keywords" content="" />

		<script type="text/javascript" src="../core/Jidea-core.js"></script>
		<script type="text/javascript" src="../core/Jidea-event.js"></script>
		<script type="text/javascript" src="../core/Jidea-math.js"></script>
		<script type="text/javascript" src="../core/Jidea-painter.js"></script>
		<script type="text/javascript" src="../core/Jidea-component.js"></script>
		<script type="text/javascript" src="../core/Jidea-interface.js"></script>
		<script type="text/javascript" src="../core/Jidea-legend.js"></script>
		<script type="text/javascript" src="../core/Jidea-label.js"></script>
		<script type="text/javascript" src="../core/Jidea-chart.js"></script>
		<script type="text/javascript" src="../core/Jidea-coordinate.js"></script>
		<script type="text/javascript" src="../core/Jidea-element.js"></script>
		<script type="text/javascript" src="../core/Jidea-crosshair.js"></script>
		<script type="text/javascript" src="../core/Jidea-tip.js"></script>
		<script type="text/javascript" src="../core/Jidea-linesegment.js"></script>
		<script type="text/javascript" src="../core/Jidea-line.js"></script>
		<script type="text/javascript" src="../core/Jidea-linebasic2d.js"></script>
		<script type="text/javascript" src="../core/Jidea-area2d.js"></script>
		<script type="text/javascript" src="data.js"></script>
		<style type="text/css">
			body{
				margin-top:10px;
				text-align: center;
			}
			#myCanvas div{
			margin:0px auto;
		}
		</style>
		<script type="text/javascript">
			$(function(){
					var line = new Jidea.Area2D({
							render : 'myCanvas',
							data: data4,
							align:'center',
							title : 'Average Temperature Of 2012',
							width : 800,
							height : 400,
							labels:lineLabels1,
							listeners:{
								parsePoint:function(v,x,y){
									return {value:v+"℃"}
								}
							}
						});
					
					//开始画图
					line.draw();
				});
				
			</script>
		</head>
		<body>
			<div><a href="../index.html">Home</a>&nbsp; Sample</div>
			<br>
			<div id='myCanvas'></div>
		</body>
</html>
